<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
</head>
<body>
	普通文字
	<b>加粗文字</b>
	<i>斜体文字</i>
	<u>下划线文字</u>
	<s>删除线文字</s>
	X <sup>2</sup>上标字
	Z <sub>1</sub>下标字
	后续文字
	<!-- 换行 -->
	<br><br><br>
	<!-- 空格（non-breaking space） -->
	骆&nbsp;&nbsp;&nbsp;宾王 空格（non-breaking space）
	<!-- 小于号（less than） 大于号（greater than） -->
	&lt;mary&gt;  小于号（less than） 大于号（greater than）
	<!-- 圈R（register） -->
	&reg;圈R（register）
	<!-- 圈C（copyright） -->
	&copy;圈C（copyright）
	<!-- 关闭符号 -->
	&times;关闭符号
	<!-- 带圈的关闭符号 -->
	&otimes;带圈的关闭符号
	<br>
	鹅，鹅，鹅，<br>
	曲项向天歌。<br>
	白毛浮绿水，<br>
	红掌拨清波。<br>
	
	<!-- pre：渲染时保留源代码中的格式 -->
	<pre>
	 静夜思
	  李白
	床前明月光，
	疑是地上霜。
	举头望明月，
	低头思故乡。
	</pre>
	
	<!-- heading:引导文字、标题字 -->
	<!-- <h1>静夜思</h1> -->
	<!-- <h2>静夜思</h2> -->
	<h3>静夜思</h3>
	<!-- <h4>静夜思</h4> -->
	<!-- <h5>静夜思</h5> -->
	<!-- <h6>静夜思</h6> -->
	<h8>静夜思</h8>
	<h5>李白</h5>
	<p>床前明月光，</p>
	<p>疑是地上霜。</p>
	<p>举头望明月，</p>
	<p>低头思故乡。</p>
	
	<!-- 属性align：水平对齐方式 -->
	<h3 align="center">静夜思</h3>
	<h5 align="center">李白</h5>
	<!-- <p align="center">床前明月光，</p>
	<p align="center">疑是地上霜。</p>
	<p align="center">举头望明月，</p>
	<p align="center">低头思故乡。</p> -->
	<div align="center">床前明月光，</div>
	<div align="center">疑是地上霜。</div>
	<div align="center">举头望明月，</div>
	<div align="center">低头思故乡。</div>
	
	<!-- 在网页中呈现图片 -->
	<!-- src:source,来源/源头 -->
	<!-- alt： alternative，替代物，当图片无法找到时显示的替代文字 -->
	<!-- 相对地址 -->
	<!-- 计算机中../不能省略 -->
	
	<img src="./img/1.png" alt="图片">
	<img src="./img/2.png" >
	<img src="img/3.png" >
	<!-- 绝对地址 -->
	<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp06%2F20111116192A364-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643730324&t=2843831383934a6e7db64ec589d9a94c" >
	<!-- 绝对地址：本地服务器 -->
	<img src="http://127.0.0.1:8848/git/img/1.png" >
	<!-- 绝对地址：省略协议名 -->
	<img src="//127.0.0.1:8848/git/img/1.png" >
	
	<!-- 超链接 -->
	<!-- href：Hyper Text Reference，超文本文件引用地址 -->
	<!-- 使用相对地址的超链接 -->
	<a href="./day01_p01.html">今日的第一个页面</a>
	<a href="day01_p02.html">今日的第二个页面</a>
	<!-- 使用绝对地址的超链接 -->
	<a href="http://www.tmooc.cn">跳转到TMOOC</a>
	<a href="//www.tmooc.cn">跳转到TMOOC</a>
	<a href="http://127.0.0.1:8848/git/day01_p03.html">今日的第三个网页</a>
	<a href="//127.0.0.1:8848/git/day01_p04.html">今日的第四个网页</a>
	
	<!-- #开头的跳转地址表示“跳转到页面中的某个元素所在位置 -->
	<a href="#j1">快速跳转到第一章</a>
	<a href="#j2">快速跳转到第二章</a>
	<a href="#j3">快速跳转到第三章</a>
	<h3 id="j1">第一章</h3>
	<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid nobis commodi consectetur omnis aspernatur corporis temporibus ex ullam ea repudiandae eum doloribus labore eligendi soluta iusto minus nemo ipsa delectus.</span>
	<span>Laboriosam rerum nisi quisquam qui blanditiis obcaecati consectetur ad nobis eius natus cum beatae est laudantium architecto quaerat hic ipsum iste impedit ipsam porro doloremque aperiam sequi fuga odio quidem.</span>
	<span>Nam dicta veritatis optio aliquam corporis fugiat neque quasi fuga velit provident rerum repellat in architecto nemo hic saepe dolore consequuntur atque nobis quis odit non laudantium eum ipsam voluptatem.</span>
	<span>Assumenda possimus perspiciatis rem ad iure quos laborum nulla doloremque inventore culpa! Voluptatum in alias nisi voluptate nostrum mollitia quidem maxime nobis. Quisquam sit repellat pariatur neque! Eos similique perspiciatis.</span></p>
	<h3 id="j2">第二章</h3>
	<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit similique officiis ab nulla blanditiis minus sit inventore eligendi libero quaerat maxime eveniet quibusdam optio animi saepe repudiandae suscipit molestiae ratione.</span>
	<span>Asperiores placeat ipsa nulla eveniet temporibus repellat debitis quidem fugiat. Ab voluptatibus magni fuga in rerum eveniet voluptates excepturi facilis corporis id impedit maiores ipsam quod ducimus labore ullam debitis.</span>
	<span>Ipsa rerum adipisci harum iure exercitationem sunt voluptates a similique excepturi omnis laudantium blanditiis quisquam tenetur. Unde non illo mollitia itaque animi maxime doloribus ad aut inventore ut aliquid incidunt.</span>
	<span>Dignissimos distinctio sit consectetur cumque autem eaque itaque at voluptatem placeat consequuntur laborum assumenda deserunt inventore quae vero quas eos illo voluptas iusto veniam. Impedit perspiciatis odit officiis repudiandae dolores.</span>
	<span>Aspernatur cum nobis distinctio optio accusamus rem quas eaque modi ipsa accusantium consequatur voluptas illo provident autem voluptatem maiores quaerat repudiandae veniam ipsum sunt unde eveniet delectus sequi eius soluta!</span>
	<span>Ea voluptatem quaerat sint earum soluta eius doloribus deserunt labore odio voluptatibus omnis reprehenderit accusamus dignissimos minus explicabo error animi. Deleniti ab earum quibusdam quo consectetur soluta accusamus qui dolore.</span></p>
	<h3 id="j3">第三章</h3>
	<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt itaque necessitatibus reiciendis excepturi a repellat corrupti est doloribus incidunt nihil repellendus consequatur delectus dignissimos omnis recusandae corporis ab hic optio.</span>
	<span>Obcaecati inventore omnis ut dolores labore aliquid quibusdam fugiat error similique quasi corporis laborum quaerat cum alias sapiente fuga quae dolorem necessitatibus ipsa iusto molestias aspernatur quos? Totam error autem!</span>
	<span>Fuga facere reiciendis dolorem eligendi molestiae amet dicta deleniti beatae maxime voluptas sint id dolores totam harum doloremque. Rem ipsam commodi provident nam consequatur animi rerum facere excepturi expedita ea!</span>
	<span>Neque quam amet iste autem veniam laborum eum sit at voluptatibus inventore asperiores non alias eius nemo mollitia et magnam nobis ex facere repellendus. Dolore id quos asperiores placeat optio.</span>
	<span>Pariatur omnis vitae corrupti aliquid maxime soluta exercitationem ipsum minima amet officiis quisquam enim neque tempore reiciendis nulla ipsam culpa? Aspernatur facere provident fugiat modi qui error laudantium doloribus vero.</span></p>
	
</body>
</html>